<html><head><meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<style>
 *{
        margin:0px;
        padding:0px;
    }
    body{
        background:#efefef;
    }
    .page_top{
        background:white;
        padding:10px;
        padding-bottom:5px;
    }
    .photo{
        text-align: right;
        margin-bottom:20px;
    }
	.photo1{
        text-align: left;
        margin-bottom:20px;
    }
    .userinfo{
        display:flex;
    }
    .otherinfo{
        width:100%;
    }
    .userpic{
        margin-right:10px;
    }
    .userpic img{
        width:90px;
        border-radius:4px;
    }
    .nickname{
        font-size:20px;
        font-weight:bold;
        margin-bottom:24px;
    }
    .wechat_no{
        width:70%;
        color:#999;
    }
    .icons{
        width:30%;
        text-align: right;
    }
    .icons img{
        margin-left:10px;
    }
    .more{
        display:flex;
        justify-content: space-between;
        width:100%;
    }

    .list_item{
        display:flex;
        justify-content: space-between;
        align-items: center;
        background:white;
        padding:10px;
        position:relative;
    }
    .pictxt{
        display: flex;
        align-items: center;
    }
	.pictxt1{
        display: flex;
        align-items: center;
		margin-left:120px
    }
    .pictxt img{
        margin-left:20px;
    }
    .list .txt{
        margin-left:20px;
    }

    .line{
        width:100%;
        height:1px;
        background:#efefef;
        position:absolute;
        right:0px;
        bottom:0px;
    }
    .list{
        margin-top:10px;
        margin-bottom:10px;
    }
    .tabbar{
        position:fixed;
        width:100%;
        left:0px;
        bottom:0px;
        display:flex;background:white;padding-top:5px;}
    .tab{ padding-bottom:5px;width:25%;font-size:12px;text-align: center;
        position:relative}
    .tabbar .txt{margin-top:2px;}
    .notice{
        position:absolute;
        left:52%;top:-3px;
        width:14px;height:14px;
        line-height:14px;text-align: center;
        font-size:8px;background:red;
        color:white;
        border-radius: 50%;
    }
	.txt1{
		margin-left:30px;
                                   color:#4f71a3;
		}
	.txt2{
		margin-left:60px;
                                   color:#999;
	}
</style>
<div class="all">
    <!-- 页面头部 -->
<div class="list2 list">
    <div class="page_top">
	<div class="more">
	    <div class="photo">
	    	<a href="dialog.html"><img src='../img/arrowleft.png' width="24"></a>
	    </div>
        <div class="photo1"><img src="hao.png" width="24"></div>
	</div>
        <div class="userinfo">
            <div class="userpic">
                <img src="../img/yang.jpg"/>
            </div>
            <div class="otherinfo">
                <div class="nickname">凡比比<img src='../img/woman.png' width="24"> </div>
	<div class="wechat_no">昵称：小鸭子</div>
	<div class="wechat_no">微信号: 24747fcvdwxw</div>
                <div class="more">
	<div class="wechat_no">地区:  安徽  六安</div>  
                </div>
            </div>
        </div>
	</div>
    <!-- /页面头部 -->
    <!-- 页面列表 -->
	<div class="list_item">
                <div class="line"></div>
	</div>
            <div class="list_item">
                <div class="line"></div>
                <div class="pictxt">
                    <div class="txt">朋友权限</div>
                </div>
                <img class="arrow" src='../img/arrow.png' width="20" />
            </div>
            <div class="list_item">
                <div class="line"></div>
                <div class="pictxt">
                    <div class="txt">电话号码</div>
	<div class="txt1">13089263259</div>
                </div>
                <img class="arrow" src='../img/arrow.png' width="20" />
            </div>
            <div class="list_item">
	<div class="pictxt">
                    <div class="txt">标签</div>
	<div class="txt2">看俺朋友圈？？？？</div>
                </div>
                <img class="arrow" src="../img/arrow.png" width="20" />
            </div>
	 </div>
	<div class="list2 list">			
            <div class="list_item">
                <div class="pictxt">
	<div class="txt">朋友圈</div>
                 <a href="peng.html">   <img src="../img/fei.png" width="70"></a> 
	                                     <img src="../img/feifei.png" width="70">
                </div>
                <img class="arrow" src="../img/arrow.png" width="20" />
            </div>
	<div class="list_item">

                <div class="pictxt">
	 <div class="txt">更多信息</div>
                </div>
                <img class="arrow" src="../img/arrow.png" width="20" />
            </div>
	</div>
	<div class="list2 list">
	<div class="line"></div>
	<div class="list_item">
	<div class="line"></div>
	<div class="pictxt1">
                    <img src="../img/xinxi.png" width="30">
                    <div class="txt">发消息</div>
                </div>              
	</div>
		
	<div class="list_item">
                <div class="pictxt1">
                    <img src="../img/shipin.png" width="30">
                    <div class="txt">视频通话</div>
                </div>              
	</div>
</div>
</div>